<html>
    <head>
        <meta charset="utf-8">
        <title>商户端-聊天列表</title>
        <include file="Public:common_file" />
        <link rel="stylesheet" type="text/css" href="/Public/css/seller.css">
        <style type="text/css">
        	.list{
            width:100%; height:50px; overflow: hidden;
            border-bottom:1px solid #f3f3f3; background:#fff;

        }
        .list:active{
            background:#f9f9f9;
        }
        .head_ico{
            width:40px; height:40px; float: left; margin:5px;
        }
        .head_ico img{
            width:100%;
        }
        .center{
            float: left; margin:5px 5px; height:40px; width:calc( ( 100% - 70px ) / 2 );
        }
        .name,.content{
            height:20px; line-height: 20px; overflow:hidden;
        }
        .name{
            font-weight:bold; color:#000; font-size:15px;
        }
        .content{
            color:#7F7D7D;
        }
        .time{
            float:right;height:40px; line-height: 20px; color:#7F7D7D;width:calc( ( 100% - 70px ) / 2 );margin:5px 0; text-align:right; 
        }
        .count{
                position: absolute; z-index: 1000;background-color: red;width: 20px;height: 20px;border-radius: 50%;
                line-height: 20px;text-align: center;color: #fff;font-size: 12px;box-shadow: none; left:35px;
        }
        </style>
    </head>
    <body>
    	<div class="head">
            <div class="left" onclick="back()">&nbsp;<i class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp;</div>
            <div class="center">聊天列表</div>
            <div class="right"></div>
        </div>

        <div class="clear"></div>


    	<div class="body">
	        <a href="{:U('Friend/chat')}">
	            <div class="count" style="display:block;" id="c1">
	                2
	            </div>
	            <div class="list">
	                <div class="head_ico">
	                    <img class="lazy" data-original="/Public/img/head.jpg" >
	                </div>
	                <div class="center">
	                    <div class="name">中国IT的希望</div>
	                    <div class="content">中午吃了吗</div>
	                </div>
	                <div class="time">
	                    {$vo.time|date="m-d H:i",###}
	                </div>
	            </div>
	        </a>
	        <a href="{:U('Friend/chat')}">
	            <div class="count" style="display:block;" id="c1">
	                2
	            </div>
	            <div class="list">
	                <div class="head_ico">
	                    <img class="lazy" data-original="/Public/img/head.jpg" >
	                </div>
	                <div class="center">
	                    <div class="name">中国IT的希望</div>
	                    <div class="content">中午吃了吗</div>
	                </div>
	                <div class="time">
	                    {$vo.time|date="m-d H:i",###}
	                </div>
	            </div>
	        </a>
	        <a href="{:U('Friend/chat')}">
	            <div class="count" style="display:block;" id="c1">
	                2
	            </div>
	            <div class="list">
	                <div class="head_ico">
	                    <img class="lazy" data-original="/Public/img/head.jpg" >
	                </div>
	                <div class="center">
	                    <div class="name">中国IT的希望</div>
	                    <div class="content">中午吃了吗</div>
	                </div>
	                <div class="time">
	                    {$vo.time|date="m-d H:i",###}
	                </div>
	            </div>
	        </a>
	    </div>
    </body>
    <script type="text/javascript">
        

        function fahuo(){
			$('#myModal').modal();
        }

        imgload();
    </script>

</html>